// 重置所有元素的布局都是盒模型、去掉点击高亮、禁止系统菜单
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
  }
  
  /** 重置指定标签的默认内外边距属性*/
  body,
  ul,
  dl,
  dd,
  ol,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  th,
  td,
  input,
  textarea,
  select,
  button {
    padding: 0;
    margin: 0;
  }
  
  /** 重置表格样式 */
  table {
    // border-collapse: collapse;
    border-spacing: 0;
  }
  
  /** 重置指定标签的默认样式*/
  ul,
  ol {
    list-style: none;
  }
  
  /** 重置标题样式 */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
  }
  
  /** 重置 i 标签样式 */
  i {
    font-style: normal;
  }
  
  /** 重置表单样式 */
  input,
  textarea,
  select,
  button {
    border: 0;
    outline: 0;
    background-color: transparent;
    -webkit-appearance: none;
  }
  
  textarea {
    overflow: auto;
    resize: none;
  }
  
  /** 重置链接标签的样式 */
  a {
    outline: 0;
    text-decoration: none;
  }
  
  /** 重置图片样式 */
  img {
    width: 100%;
    border: none;
    outline: none;
    vertical-align: middle;
  }
  
  /** 根元素的样式 */
  html {
    width: 100vw;
    height: 100vh;
    // 适配 ios 底部黑带遮住内容的样式
    height: calc(100vh - constant(safe-area-inset-bottom));
    height: calc(100vh - env(safe-area-inset-bottom));
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
  }
  
  /** 主体的样式 */
  body {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100%;
    line-height: 1.6;
    margin: 0 auto;
    // font-size: @font-size-lg;
    // color: @text-color;
    // background-color: $bg-color;
    -webkit-overflow-scrolling: touch;
  
    &::-webkit-scrollbar {
      display: none;
    }
  }
  